<template>
  <div id="app">
    <div v-katex="'\\frac{a_i}{1+x}'"></div>
    <div v-katex:display="'\\sum_{i=1}^{n} i^2'"></div>

    <h1>动态渲染 LaTeX 公式</h1>
    <div>
      <label for="latex-input">请输入 LaTeX 公式：</label>
      <input id="latex-input" type="text" v-model="latexFormula" placeholder="例如：\\frac{a}{b}" />
    </div>
    <div v-katex:display="latexFormula" class="katex-display"></div>
  </div>
</template>

<script>

export default {
  name: 'App',
  components: {
  },
  data() {
    return {
      latexFormula: '\\sum_{i=1}^{n} i^2'
    };
  }
}
</script>
